// 此文件为uView的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入

$u-main-color: #303133;
$u-content-color: #606266;
$u-tips-color: #909193;
$u-light-color: #c0c4cc;
$u-border-color: #dadbde;
$u-bg-color: #f3f4f6;
$u-disabled-color: #c8c9cc;

$u-primary: #64B7F6;
$u-primary-dark: #398ade;
$u-primary-disabled: #9acafc;
$u-primary-light: #ecf5ff;

$u-warning: #f9ae3d;
$u-warning-dark: #f1a532;
$u-warning-disabled: #f9d39b;
$u-warning-light: #fdf6ec;

$u-success: #5ac725;
$u-success-dark: #53c21d;
$u-success-disabled: #a9e08f;
$u-success-light: #f5fff0;

$u-error: #f56c6c;
$u-error-dark: #e45656;
$u-error-disabled: #f7b2b2;
$u-error-light: #fef0f0;

$u-info: #909399;
$u-info-dark: #767a82;
$u-info-disabled: #c4c6c9;
$u-info-light: #f4f4f5;

// scss混入，为了少写几行#ifndef
@mixin flex($direction: row) {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: $direction;
}

// 样式覆盖
// 弹窗
$u-popup-content-background-color: #132034;

$locale-background-color: #64B7F6;

// 组件样式重置
.u-picker {
	.u-toolbar{
		height: 110rpx;
		border: 2rpx solid #111111;
		&__title{
			font-size: 32rpx;
			line-height: 32rpx;
			color: #DDDDDD;
		}
	}
	.uni-picker-view-mask{
		background-image: none;
	}
	.uni-picker-view-indicator{
		&:before,
		&::after{
			border-color: transparent;
		}
	}
	& &__view__column__item {
		font-size: 32rpx;
		color: #808080;
		&--selected{
			color: #ddd;
		}
	}
}

.u-popup{
	&__content {
		border-radius: 16rpx !important;
	}
}

.u-modal {
	z-index: 998;
	& &__title {
		padding-top: 48rpx;
		// font-family: Alibaba PuHuiTi 3.0;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 36rpx;
		text-align: center;
		color: #ddd;
	}

	& &__content {
		// font-family: Alibaba PuHuiTi 3.0;
		padding: 45rpx 40rpx 43rpx;
		padding-top: 45rpx !important;
		font-size: 32rpx;
		line-height: 32rpx;
		color: #AEAEAE;
	}
	& .u-line{
		border-color: #08121E !important;
	}
	& &__button-group{
		&__wrapper{
			height: 94rpx;
			&__text{
				// font-family: PingFang SC Regular;
				font-size: 34rpx;
				line-height: 34rpx;
				color: #AEAEAE !important;
			}
			&--confirm {
				.u-modal__button-group__wrapper__text {
					color: #64B7F6 !important;
				}
			}
		}
		.u-line {
			height: initial !important;
		}
	}
}



.u-cell {
	&-group{
		padding: 0 32rpx;
		background-color: #132034;
		border-radius: 16rpx;

	}
	.u-line {
		border-bottom-color: #08121E !important;
	}
	& &__body {
		padding: 40rpx 0;
	}
	& &__title-text{
		font-size: 32rpx;
		line-height: 1;
		letter-spacing: 0.0145em;
		color: #BFBFBF;
	}

	&--clickable {
		opacity: 0.8;
		background-color: transparent !important;
	}

	.u-input__content__field-wrapper__field {
		font-size: 32rpx !important;
		font-weight: normal;
		line-height: 1;
		letter-spacing: 0.0145em;
		color: #DDDDDD !important;
	}


	.input-placeholder {
		color: #666666 !important;
	}

}
// 按钮
$u-button-plain-background-color: transparent;
$u-button-large-height: 88rpx;
